// 记录上传的附件编号
let fileId;

//解决缩放排版错乱
function setBodyWidth() {
    var barWidthHelper = document.createElement('div');
    barWidthHelper.style.cssText = "overflow:scroll; width:100px; height:100px;";
    document.body.appendChild(barWidthHelper);
    var barWidth = barWidthHelper.offsetWidth - barWidthHelper.clientWidth;
    document.body.removeChild(barWidthHelper);
    var bodyWidth = window.screen.availWidth - barWidth;
    return bodyWidth;
}

$(document).ready(
    function () {
        var bodyWidth = setBodyWidth() + "px";
        //document.body.style.width=bodyWidth;
        $("body").css("width", bodyWidth);

        //隐藏多余表格信息
        // $('.hiTr').hide();
        $("#imageName").css({'visibility':'hidden'});
        $("#imageSize").css({'visibility':'hidden'});
        // $("tr[class='hiTr']").css({'visibility':'hidden'});
        $("tr[class='hiTr']").hide();
        $('#deleteInfo').attr('disabled',true);
    }
);

//Demo
layui.use('form', function () {
    var form = layui.form;
    form.render();
    //监听提交
    form.on('submit(formDemo)', function (data) {
        layer.confirm('您确认要提交吗？', {
                skin: 'layui-layer-molv'
                , btn: ['确认', '取消']
            }, function () {
                //string字符串转换为data字符串
                var fromData = data.field;
                fromData.fileId = fileId;

                fromData.approval = getDate(fromData.approval);
                fromData.establishmentDate = getDate(fromData.establishmentDate);
                var url = "/company-business-licence/add";
                //将表单提交
                $.ajax({
                    type: "post",
                    url: url,
                    data: fromData,
                    contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
                    timeout: 60000,//超时时间设置为1分钟；
                    success: function (res, textStatus) {
                        if (res.code !== 0){
                            $.get("/file/delete/"+fileId,function (res) {
                                console.log("删除文件成功",res);
                            });
                            // layer.msg('您提交的数据已存在！');
                            layer.msg(res.msg);
                        } else {
                            layer.msg('提交成功！');
                            parent.parent.layer.closeAll();
                        }
                        console.log(res);
                    },
                    error: function (a, b, c) {
                        // 请求出错处理,依然初始化咨询节点信息
                        if (b === 'timeout') {
                            layer.alert("请求超时，请再次尝试！");
                        } else {
                            layer.alert(`${url}请求异常`);
                        }
                    }
                });
                console.log(JSON.stringify(fromData));
                localStorage["sza_localstorage_data"] = JSON.stringify(fromData);

            }
            , function () {
                layer.msg('已取消您的提交！')
                return false;


            });
        // layer.msg(JSON.stringify(data.field));
        return false;
    });
});

layui.use('upload', function () {
    let upload = layui.upload;
    let $ = layui.$;
    let imgName;
    let imgSize;

    //执行实例
    let uploadInfo = upload.render({
        elem: '#btnUpload'               //绑定元素
        , url: '/company/info'       //上传接口
        , auto: true                 //是否选完文件后自动上传。
        , accept: 'file'              //指定允许上传时校验的文件类型
        , size: '5M'                  //设置文件最大可允许上传的大小，单位 KB。不支持ie8/9
        , exts: 'jpg|png|'            //允许上传的文件后缀
        , acceptMime: 'image/*'      //（只显示图片文件）
        , multiple: false             //是否允许多文件上传。设置 true即可开启。
        , number: 1                   //设置同时可上传的文件数量，一般配合 multiple 参数出现。
        , choose: function (obj) {
            //将每次选择的文件追加到文件队列
            var files = obj.pushFile();
            //var tr;
            //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
            obj.preview(function (index, file, result) {
                $('#demo1').attr('src', result);//图片链接
                var tr = $([
                    '<tr id="upload-' + index + '">',
                    '<td>' + file.name + '</td>>',
                    '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>>',
                    '<td>等待上传</td>>',
                    '<td>',
                    '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
                    '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
                    '</td>',
                    '</tr>'].join(''));
                imgName = file.name;
                imgSize=(file.size / 1014).toFixed(1) + 'kb';
                //单个重传
                tr.find('.demo-reload').on('click', function () {
                    obj.upload(index, file);
                });

                //删除
                tr.find('.demo-delete').on('click', function () {
                    delete files[index]; //删除对应的文件
                    tr.remove();
                    uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                });
                // demoListView.append(tr);
            });
        }
        , done: function (res, number) {
            //如果上传失败
            if (res.code !== 200) {
                return layer.alert("解析失败，请稍后再试！", {icon: 2});
            } else {
                var obj = res.obj;
                fileId = res.info.id;

                //解析成功，显示表格信息
                // $("tr[class='hiTr']").css({'visibility':'visible'});
                $("tr[class='hiTr']").show();
                $('#deleteInfo').attr('disabled',false);
                $('#btnUpload').attr('disabled',true);


                //附件编号
                $('input[name="filmId"]').val(fileId);
                //统一社会信用代码
                $('input[name="creditCode"]').val(res.obj['code']);
                //公司名称
                $('input[name="name"]').val(res.obj['name']);
                //公司类型
                $('input[name="companyType"]').val(res.obj['type']);
                //公司住所
                $('input[name="address"]').val(res.obj['address']);
                //公司法定代表人
                $('input[name="legalPerson"]').val(res.obj['legal']);
                //公司注册资本
                $('input[name="registeredCapital"]').val(res.obj['capital']);
                //营业状态
                $('input[name="status"]').val(res.obj['status']);
                //登记机关
                $('input[name="authority"]').val(res.obj['authority']);
                //公司成立日期
                $('input[name="establishmentDate"]').val(res.obj['stdate']);
                // //公司营业期限
                //公司核准日期
                console.log(res.obj['approval']);
                $('input[name="approval"]').val(res.obj['approval']);
                //公司经营范围
                console.log(res.obj['scope']);
                $('textarea[name="businessScope"]').val(res.obj['scope']);
                console.log('mingc ' + imgName);
                //上传附件的名称
                $("#imageName").html(imgName);
                //上传附件的大小
                $("#imageSize").html(imgSize);

                $("#imageType").html('图片');

                //显示照片名称
                $("#imageName").css({'visibility':'visible'});

                //显示照片大小
                $("#imageSize").css({'visibility':'visible'});

                //上传成功
                return layer.alert('解析成功！', {icon: 1});



                var tr = demoListView.find('tr#upload-' + index)
                    , tds = tr.children();

                return delete this.files[index];  //删除文件队列已经上传成功的文件

                var index = parent.layer.getFrameIndex(window.name);    //先得到当前iframe层的索引
                parent.layer.close(index);  //再执行关闭
            }
            //上传完毕回调
            this.error(index, upload);
        }
        , error: function () {
            //请求异常回调
            var demoText = $('#demoText');
            demoText.html('<span style="color:red;">上传失败</span><a class="layui-btn layui-btn-xs demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function () {
                uploadInst.upload();
            });
        }
    });
});


function getDate(d) {
    let year, month, day, indexYear, indexMonth;

    indexYear = d.indexOf("年");
    indexMonth = d.indexOf("月");

    year = d.substr(0, indexYear);
    year = (year && year != "") ? parseInt(year) : 0;

    month = d.substr(indexYear + 1, indexMonth - indexYear - 1);
    month = (month && month != "") ? parseInt(month) : 0;

    day = d.substr(indexMonth + 1, d.length - indexMonth - 1);
    day = (day && day != "") ? parseInt(day) : 0;

    return PrefixInteger(year, 4) + '-' + PrefixInteger(month, 2) + '-' + PrefixInteger(day, 2) + " 00:00:00";
}

function PrefixInteger(num, length) {
    return ("0000000000000000" + num).substr(-length);
}

$(document).ready(function () {
    $("#imageName").css({'visibility': 'hidden'});
    $("#btnUpload").click(function () {
        $("#imageName").css({'visibility': 'visible'});
    });
    $("#btnCancel").click(function () {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);

    });
});
// $(document).ready(function () {
//     $("#imageName").css({'visibility':'hidden'});
//     $("tr[class='hiTr']").css({'visibility':'hidden'});
//     $("#btnUpload").click(function () {
//         $("#imageName").css({'visibility':'visible'});
//         $("tr[class='hiTr']").css({'visibility':'visible'});
//     });
// });